<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
    <title>my</title>
    <script src="../js/jquery-1.8.0.min.js" >
    </script>
    
    <script type="text/javascript">
        $(document).ready(function(){
            $('tr:odd').addClass('odd');
            $('tr:even').addClass('even')
        });
    </script>
    <style type="text/css">
        .odd{
            background-color: #f1f1f1;
        }
        .even{
            background-color: #ffffff;
        }
    </style>


</head>

<body>
    <table>
        <tr>
            <td>As you like it</td>
            <td>Comdy</td>
        </tr>
        <tr>
            <td>All's well that ends well</td>
            <td>Comdy</td>
        </tr>
        <tr>
            <td>Hamlet</td>
            <td>Tragedy</td>
        </tr>
        <tr>
            <td>Macbeth</td>
            <td>Tragedy</td>
        </tr>
        <tr>
            <td>Romeo and juliet</td>
            <td>Tragedy</td>
        </tr>
        <tr>
            <td>Henry IV</td>
            <td>History</td>
        </tr>
        <tr>
            <td>Henry V</td>
            <td>History</td>
        </tr>

    </table>
</body>
</html>